:root[class='light'] {
    /* 明亮模式 */
    --PrimaryText: #303133;
    /* 主要文本*/
    --RegularText: #606266;
    /* 常规文本*/
    --SecondaryText: #909399;
    /* 次要文本*/
    --PlaceholderText: #a8abb2;
    /* 占位符文本*/
    --DisabledText: #c0c4cc;
    /* 禁用文本*/
    --DarkerBorder: #cdd0d6;
    /* 较暗的边框*/
    --DarkBorder: #d4d7de;
    /* 深色边框*/
    --BaseBorder: #dcdfe6;
    /* 基本边框*/
    --LightBorder: #e4e7ed;
    /* 浅色边框*/
    --LighterBorder: #ebeef5;
    /* 较浅的边框*/
    --ExtraLightBorder: #f2f6fc;
    /* 超轻边框*/
    --DarkerFill: #e6e8eb;
    /* 较暗填充*/
    --DarkFill: #ebedf0;
    /* 深色填充*/
    --BaseFill: #f0f2f5;
    /* 基础填充*/
    --LightFill: #f5f7fa;
    /* 灯光填充*/
    --LighterFill: #fafafa;
    /* 更轻的填充*/
    --ExtraLlightFill: #fafcff;
    /* 超轻填充*/
    --BasicColor: #ffffff;
    /* 基础白色*/
    --Transparent: transparent;
    /* 透明*/
    --PageBackground: #f2f3f5;
    /* 页面背景*/
    --BaseBackground: #ffffff;
    /* 基础背景*/
    --BoxBackground: #ffffff;
    /* 盒子背景*/
  }
  
  /* 这里假设为我们自定义的主题  */
  :root[class='dark'] {
    /* 暗夜模式*/
    --PrimaryText: #e5eaf3;
    /* 主要文本*/
    --RegularText: #cfd3dc;
    /* 常规文本*/
    --SecondaryText: #a3a6ad;
    /* 次要文本*/
    --PlaceholderText: #8d9095;
    /* 占位符文本*/
    --DisabledText: #6c6e72;
    /* 禁用文本*/
    --DarkerBorder: #636466;
    /* 较暗的边框*/
    --DarkBorder: #58585b;
    /* 深色边框*/
    --BaseBorder: #4c4d4f;
    /* 基本边框*/
    --LightBorder: #414243;
    /* 浅色边框*/
    --LighterBorder: #363637;
    /* 较浅的边框*/
    --ExtraLightBorder: #2b2b2c;
    /* 超轻边框*/
    --DarkerFill: #424243;
    /* 较暗填充*/
    --DarkFill: #39393a;
    /* 深色填充*/
    --BaseFill: #303030;
    /* 基础填充*/
    --LightFill: #262727;
    /* 灯光填充*/
    --LighterFill: #1d1d1d;
    /* 更轻的填充*/
    --ExtraLlightFill: #191919;
    /* 超轻填充*/
    --BasicColor: #202020;
    /* 基础黑色*/
    --Transparent: transparent;
    /* 透明*/
    --PageBackground: #0a0a0a;
    /* 页面背景*/
    --BaseBackground: #141414;
    /* 基础背景*/
    --BoxBackground: #1d1e1f;
    /* 盒子背景*/
  }
  